import React,{ Suspense } from 'react';
import ReactDOM from 'react-dom/client';
import '@/assets/css/reset.scss';
import App from './App.tsx';
import { HashRouter } from 'react-router-dom';
import {Provider} from 'react-redux'
import store from './store/index.ts';
import 'element-theme-default';
import { AudioProvider } from './views/Audio/Audio.tsx';

ReactDOM.createRoot(document.getElementById('root')!).render(
  // <React.StrictMode>
  <Provider store={store}>
    <Suspense fallback={<div>loading</div>}>
      <HashRouter>
        <AudioProvider>
           <App />
        </AudioProvider>
      </HashRouter>
    </Suspense>
  </Provider>
  // </React.StrictMode>,
)
